@charset "utf-8";
/*
	shihoutv
	2017-04-19
*/

.liveList .livePlay,.alList2 .alPlay,.liveTop .liveFans .btnFollowUser,.btnFollowed,.liveTop .liveFans .btnFollowCount,.liveTop .liveFans .btnJb em,.hotTj h3 span em,.popBox .close,.popBox h3,.popJb h3 span em,.payClass a,.payList li a em,.payClass a em,.popSelect .selectCurr em,.iconPopSj,.popPrompt h3,.liveTop .liveUN,.liveTop .liveFans .btnMobileLive em,.btnZs,.liveTop .liveUserHome .houseNo em   { background-image:url(../img/iconIndex.png); background-repeat:no-repeat; }
.popPrompt .close { background-image:url(../img/opacity.png); background-repeat:repeat; }
.popLw,.lwSend .iconJt,.lwSendLxct em,.phbPm,.popFail .close,.popFail h4 i,.btnRefresh,.liveChatAd .btnAdClose,.smallTop a em,.smallBt a em,.phb h3 a em,.hotTj h3 a em,.liveLw .btnShowHide em,.btnChatSend,.btnCtsd,.liveLwBg,.btnPro,.btnProCancel,.btnJb2,.liveSendCh  { background-image:url(../img/liveshlw.png); background-repeat:repeat; }
.iconBq { padding:3px 7px 2px; text-align:center; font-size:12px; font-style:normal; color:#fff; position:absolute; right:0; top:0; z-index:3; }
.btnSx { background-image:url(../img/iconBg.png); background-repeat:repeat; }

body       { background:#f5f5f5; }

/*// 所有直播 ////////////////*/
/*.alList     { width:auto; overflow:hidden;  }
.alList li  { float:left; margin:0 10px 21px 0; /*height:224px; border-bottom:1px solid #e6e6e6; background:#ffffff; }
.alList .alImg  { position:relative; }
.alList .alImg,.alList .alImg img { width:100%; max-height:158px; display:block; }
.alList .alImg .alPlay  { margin:-24px 0 0 -24px; width:48px; height:48px; display:block; filter:alpha(opacity=0); opacity:0; background-position:-245px 0; position:absolute; left:50%; top:50%; z-index:5; }
.alList .alImg .alMask  { width:100%; max-height:158px; display:block; filter:alpha(opacity=0); opacity:0; background:#000; position:absolute; left:0; top:0; z-index:3; }
.alList .alImg .alCount { padding-right:5px; width:80%; height:30px; font-style:normal; line-height:30px; text-align:right; display:block; background:url(../img/countBg.png) right top no-repeat; color:#c8c8c8; position:absolute; right:0; bottom:0; z-index:5; }
.alList .alImg .alCount i  { margin-right:3px; width:6px; height:6px; display:inline-block; border-radius:50%; background:#ffda00; }
.alList .alImg .alHead     { width:44px; height:44px; display:block; border:2px solid #fff; position:absolute; left:7px; bottom:-24px; z-index:5; }
.alList .alImg .alHead img { width:44px; height:44px; }
.alList .alName { padding:0 10px 0 60px; height:30px; line-height:30px; display:block; overflow:hidden; color:#999999; }
.alList .alText { padding:0 10px; height:30px; line-height:30px; display:block; font-size:16px; color:#2f2f2f; overflow:hidden; }
*/
.liveList     { margin-right:-10px; overflow:hidden;  }
.liveList li  { float:left; width:16.6%; }
.liveList .liveLink    { margin-right:10px; text-decoration:none; border-bottom:1px solid #e6e6e6; background:#ffffff; position:relative; display:block; }
.liveList .liveLink:hover { background:#ffda00; color:#000; }
.liveList .liveLink:hover .liveName { color:#000; }
.liveList .liveBgImg               { display:block; background-repeat:no-repeat; position:relative; }
.liveList .liveBgImg .livePlay     { margin:-24px 0 0 -24px; width:48px; height:48px; display:block; filter:alpha(opacity=0); opacity:0; transition:all ease-out 0.2s; background-position:-245px 0; transform:scale(1.8); position:absolute; left:50%; top:50%; z-index:5; }
.liveList .liveBgImg .liveMask     { width:100%; border:2px solid #ffda00; box-sizing:border-box; display:block; filter:alpha(opacity=0); opacity:0; position:absolute; left:0; top:0; z-index:4; }
.liveList .liveBgImg .liveMask img { width:100%; display:block; }
.liveList .liveBgImg .liveImg img  { width:100%; display:block; }
.liveList .liveBgImg .liveCount    { padding-right:5px; width:80%; height:30px; font-style:normal; line-height:30px; text-align:right; display:block; background:url(../img/countBg.png) right top no-repeat; color:#c8c8c8; position:absolute; right:0; bottom:0; z-index:3; }
.liveList .liveBgImg .liveCount i  { margin-right:3px; width:6px; height:6px; display:inline-block; border-radius:50%; background:#ffda00; }
.liveList .liveBgImg .liveHead     { width:44px; height:44px; display:block; border:2px solid #fff; position:absolute; left:7px; bottom:-24px; z-index:5; }
.liveList .liveBgImg .liveHead img { width:44px; height:44px; }
.liveList .liveName                { padding:0 10px 0 60px; height:30px; line-height:30px; display:block; overflow:hidden; color:#999999; }
.liveList .liveName em             { font-style:normal; }
.liveList .liveText                { padding:0 10px; height:30px; line-height:30px; display:block; font-size:14px; color:#2f2f2f; overflow:hidden; }


/*// 直播 ////////////////*/
.liveWrap      { margin-top:20px; overflow:hidden; position:relative; }
.liveWrapLeft  { width:63px; border-top:1px solid #ebebeb; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; position:absolute; left:0; top:0; bottom:0; z-index:5; background:#fff; }
.liveWrapRight { margin:0 40px 20px 84px; }
.liveMain      { padding-right:390px; position:relative; overflow:hidden; }
.liveLeft      { height:838px; overflow:hidden; }
.chatRight     { width:380px; height:838px; overflow:hidden; position:absolute; right:0; top:0; z-index:3; }
.chatBox       { border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb; background:#fff; position:relative; }
.navLiveSmall  { background:#fff; }

/* liveWrapLeft */
.smallTop                    {}
.smallBt                     { position:fixed; left:0; bottom:10px; }
.smallTop a,.smallBt a       { margin-top:20px; width:63px; height:40px; font-size:14px; display:block; text-decoration:none; color:#1b1f29; }
.smallTop a:hover,.smallBt a:hover { color:#ffc80b; }
.smallTop a em,.smallBt a em { margin:0 auto; width:20px; height:18px; display:block; }
.smallTop a i,.smallBt a i   { height:20px; line-height:20px; display:block; text-align:center; }
.linkIndex em          { background-position:-206px 0; }
.linkLive em           { background-position:-239px 0; }
.linkFollow em         { background-position:-274px 0; }
.linkDownload em       { background-position:-302px 0; }
.linkPlay em           { background-position:-330px 0; }
.linkIndex:hover em    { background-position:-206px -30px; }
.linkLive:hover em     { background-position:-239px -30px; }
.linkFollow:hover em   { background-position:-274px -30px; }
.linkDownload:hover em { background-position:-302px -30px; }
.linkPlay:hover em     { background-position:-330px -30px; }


.liveTop { padding:0 190px 0 100px; height:88px; border:1px solid #ebebeb; background:#fff; position:relative; }
.liveVideo { height:682px; background:#282828; overflow:hidden; position:relative; }
.liveBottom { height:64px; border:1px solid #ebebeb; background:#fff; position:relative; }

.liveTop .liveUserHead { width:68px; height:68px; display:block; position:absolute; left:13px; top:10px; z-index:3; }
.liveTop .liveUserHead img { width:68px; height:68px; }
.liveTop .liveUserName { padding:13px 0 10px; font-size:20px; font-weight:normal; }
.liveTop .liveUserHome li { float:left; margin-right:10px; color:#787878; }
.liveTop .liveFans    { width:160px; position:absolute; right:20px; top:13px; z-index:3; }
.liveTop .liveFans li { margin-bottom:10px; height:30px; }
.liveTop .liveUserHome .liveUN       { margin:-2px 5px 0 0; width:12px; height:14px; display:inline-block; vertical-align:middle; background-position:-621px -173px; }
.liveTop .liveUserHome .houseNo      { padding:0 11px 0 5px; height:16px; line-height:16px; display:block; position:relative; border-radius:1px 0 0 1px; color:#2c2c2c; background:#ffda00; }
.liveTop .liveUserHome .houseNo em   { width:6px; height:16px; display:block; background-position:-664px -173px; position:absolute; right:0; top:0; z-index:3; }
.liveTop .liveUserHome .liveTopTxt   { color:#ffc600;  }
.liveTop .liveFans .btnFollowUser    { float:left; margin-right:9px; width:78px; height:30px; display:block; background-position:0 -225px; cursor:pointer; }
.liveTop .liveFans .btnFollowed      { float:left; margin-right:9px; width:78px; height:30px; display:block; background-position:-592px 0; cursor:pointer; }
.liveTop .liveFans .btnFollowCount   { float:left; width:73px; height:30px; line-height:30px; text-align:center; display:block; background-position:0 -259px; color:#9b9b9b; }
.liveTop .liveFans .btnJb            { float:right; width:60px; height:30px; line-height:30px; font-size:14px; text-align:right; display:block; cursor:pointer; color:#9b9b9b; }
.liveTop .liveFans .btnJb:hover      { color:#ffc600; }
.liveTop .liveFans .btnJb em         { margin:-4px 5px 0 0; width:20px; height:20px; display:inline-block; vertical-align:middle; background-position:-98px -229px; }
.liveTop .liveFans .btnMobileLive    { float:right; margin-right:10px; width:90px; height:30px; line-height:30px; font-size:14px; text-align:right; display:block; position:relative; cursor:pointer; color:#9b9b9b; }
.liveTop .liveFans .btnMobileLive:hover { color:#ffc600; }
.liveTop .liveFans .btnMobileLive em    { width:14px; height:20px; margin:-3px 5px 0 0; display:inline-block; vertical-align:middle; background-position:-600px -173px; }
.liveTop .liveFans .btnMobileLive span  { width:160px; height:190px; display:none; overflow:hidden; background:url(../img/jxgkMa.png) no-repeat; position:absolute; left:-30px; top:40px; }
.liveTop .liveFans .btnMobileLive span img { margin:15px auto 0; display:block; }

.liveLwWrap             { width:612px; /*width:438px;*/ position:absolute; right:232px; bottom:0; z-index:10; }
.liveLw                 { padding:0 24px 0 0; background:#fff; position:relative; }
.liveLw .btnShowHide    { width:22px; height:46px; border:1px solid #e5e5e5; border-radius:5px; display:block; position:absolute; bottom:8px; right:0; z-index:3; }
.liveLw .btnShowHide:hover { border:1px solid #ffda00; background:#ffda00; }
.liveLw .btnShowHide em { width:22px; height:46px; cursor:pointer; display:block; background-position:-168px 11px; }
.liveLwHide             { height:48px; overflow:hidden; }
.liveLwlist             { height:64px; /* height:128px;*/ overflow:hidden; }
.liveLwlist ul          { margin-top:8px; }
.liveLwlist li          { float:left; margin:0 0 8px 10px; width:48px; height:48px; overflow:hidden; }
.liveLwlist a           { width:46px; height:46px; border-radius:5px; border:1px solid #e5e5e5; display:inline-block; }
.liveLwlist a:hover,.liveLwlist .curr a  { border-radius:5px; border:1px solid #febc42; }
.liveLwlist a img       { margin-top:5px; width:46px; display:block; }

.lwLiveSendWrap   { width:212px; position:absolute; right:10px; top:0; z-index:3; }
.lwSendWrap       { padding-right:65px; margin:8px 10px 0 0; width:147px; position:relative; }
.lwSend           { height:46px; line-height:46px; border:1px solid #e5e5e5; border-radius:5px; position:relative; }
.lwSend span,.lwSend span img { margin:-6px 0 0 3px; width:38px; display:inline-block; vertical-align:middle;}
.lwSend .lwCurrCount { font-size:18px; width:59px; height:46px; text-align:center; color:#282828; }
.lwSend .iconJt   { margin-right:7px; width:24px; height:46px; cursor:pointer; display:block; background-position:-167px 11px; position:absolute; right:0; top:0; z-index:3; }
.lwLine           { width:1px; height:30px; border-left:1px solid #e5e5e5; position:absolute; left:51px; top:8px; z-index:3; }
.btnZs            { width:70px; height:48px; display:block; text-decoration:none; cursor:pointer; overflow:hidden; background-position:-600px -198px; position:absolute; right:0; top:0; z-index:3; }
.btnZs .btnZsText { width:70px; height:48px; font-style:normal; display:block; text-align:center; line-height:48px; color:#282828; font-size:16px; }
.btnZs .btnZsLj   { padding-top:4px; width:70px; height:44px; font-style:normal; line-height:20px; display:block; text-align:center; color:#282828; font-size:14px; }
.btnZs .btnZsLj i { height:20px; display:block; }
.lwSendLx         { width:138px; height:210px; border:1px solid #eee; display:none; border-radius:5px; -webkit-animation:tsly 0.3s linear; -moz-animation:tsly 0.3s linear; -ms-animation:tsly 0.3s linear; -o-animation:tsly 0.3s linear; animation:tsly 0.3s linear; background:#fff; position:absolute; left:0; top:-230px; z-index:5; }
.lwSendLx a       { padding:0 10px; font-size:14px; height:35px; display:block; line-height:35px; color:#3f3f3f; }
.lwSendLx a:hover { background:#ffda00; }
.lwSendLxct       { width:138px; height:210px; position:relative; }
.lwSendLxct em    { margin-left:-11px; width:22px; height:7px; display:block; background-position:-15px 0; position:absolute; left:50%; bottom:-7px; z-index:3; }
.jtRotateHide     { transform:rotate(0deg); transition:all .2s ease-in; }
.jtRotateShow     { transform:rotate(180deg); transition:all .2s ease-in; }

/* 直播推荐 */
.noLive                 { margin:16% auto 0; width:748px; }
.noLive h3              { padding:10px 0; text-indent:20px; font-size:20px; font-weight:normal; color:#8c8c8c; }
/*.noLiveLt,.noLiveRt     { float:left; }*/
.noLiveLt .alList2      { padding-right:10px; margin-right:20px; border-right:1px solid #505050; }
.noLive .btnBackIndex   { padding:10px 20px 10px; text-align:right; }
.noLive .btnBackIndex a { font-size:16px; text-decoration:none; font-style:normal; color:#ffda00; }
.alList2                { margin-left:20px; width:auto; overflow:hidden;  }
.alList2 li             { float:left; margin:0 10px 0 0; width:220px; height:170px; border:4px solid #343434; background:#ffffff; }
.alList2 .alImg         { position:relative; }
.alList2 .alImg,.alList2 .alImg img { width:100%; height:110px; display:block; }
.alList2 .alImg .alPlay  { margin:-24px 0 0 -24px; width:48px; height:48px; display:block; filter:alpha(opacity=0); opacity:0; background-position:-245px 0; position:absolute; left:50%; top:50%; z-index:5; }
.alList2 .alImg .alMask  { width:100%; height:110px; display:block; filter:alpha(opacity=0); opacity:0; background:#000; position:absolute; left:0; top:0; z-index:3; }
.alList2 .alImg .alCount { padding-right:5px; width:80%; height:30px; font-style:normal; line-height:30px; text-align:right; display:block; background:url(../img/countBg.png) right top no-repeat; color:#c8c8c8; position:absolute; right:0; bottom:0; z-index:5; }
.alList2 .alImg .alCount i  { margin-right:3px; width:6px; height:6px; display:inline-block; border-radius:50%; background:#ffda00; }
.alList2 .alImg .alHead     { width:44px; height:44px; display:block; border:2px solid #fff; position:absolute; left:7px; bottom:-24px; z-index:5; }
.alList2 .alImg .alHead img { width:44px; height:44px; }
.alList2 .alName { padding:0 10px 0 60px; height:26px; line-height:26px; display:block; overflow:hidden; color:#999999; }
.alList2 .alText { padding:0 10px; height:30px; line-height:30px; display:block; font-size:16px; color:#2f2f2f; overflow:hidden; }

.liveLoading { margin:20% auto 0; width:150px; height:30px; display:block; }
.liveLoading img { width:100%; }
.liveLoading span { text-indent:40px; height:40px; line-height:40px; font-size:24px; display:block; color:#a4a6aa; }
.liveLoadingFail { margin:18% auto 0; width:340px; height:30px; display:block; text-align:center; }
.liveLoadingFail img { margin:0 auto; display:block; }
.liveLoadingFail span { padding:10px 0; height:40px; line-height:40px; font-size:24px; display:block; color:#a4a6aa; }
.btnSx { width:120px; height:34px; display:inline-block; cursor:pointer; background-position:-630px -97px; }

/* chatRight */
.liveBannerTop     { margin-bottom:10px; width:380px; height:90px; }
.liveBannerTop img { width:380px; height:90px; }
.phb           { height:208px; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; background:#fff; }
.phb h3        { height:36px; border-bottom:1px solid #e5e5e5; }
.phb h3 a      { float:left; font-weight:normal; width:33.33%; height:36px; display:block; font-size:16px; cursor:pointer; text-align:center; line-height:36px; color:#1b1f29; position:relative; }
.phb h3 a em   { margin-left:-4px; width:8px; height:4px; display:none; background-position:-342px -65px; position:absolute; left:50%; bottom:0; z-index:3; }
.phb h3 .curr  { background:url(../img/phbTabBg.png) repeat-x; }
.phb h3 .curr em { display:block; }
.phb .phbCont  { position:relative; }
.phb .phbLw    { width:100%; background:#fff; position:absolute; left:0; top:0; z-index:3; }

.phpTop        { height:170px; border-bottom:1px solid #eeeeee; overflow:hidden; }
.phpTop ul li  { float:left; width:126px; }
.phbHeader     { margin:0 auto; position:relative; display:block; overflow:hidden; }
.phbHeader img { display:block; border-radius:50%; overflow:hidden; }
.phbPm         { display:block; position:absolute; left:0; top:0; z-index:3; }
.phbName       { margin-top:5px; height:24px; line-height:24px; font-size:14px; text-align:center; display:block; overflow:hidden; }
.phbMoney      { height:24px; line-height:24px; text-align:center; display:block; color:#787878; }
.phbMoney em   { font-style:normal; color:#787878; }

.phpFirst .phbHeader       { margin-top:8px; width:97px; height:100px; }
.phpSecond .phbHeader      { margin-top:20px; width:79px; height:88px; }
.phpThird .phbHeader       { margin-top:20px; width:80px; height:88px; }
.phpFirst .phbName         { color:#f76868; }
.phpSecond .phbName        { color:#90b8df; }
.phpThird .phbName         { color:#fc9259; }
.phpFirst .phbHeader img   { margin:24px 0 0 16px; width:66px; height:66px; }
.phpSecond .phbHeader img  { margin:20px 0 0 12px; width:55px; height:55px; }
.phpThird .phbHeader img   { margin:20px 0 0 12px; width:55px; height:55px; }
.phpFirst .phbPm           { width:97px; height:100px; background-position:-90px -54px; }
.phpSecond .phbPm          { width:79px; height:88px; background-position:0 -66px; }
.phpThird .phbPm           { width:80px; height:88px; background-position:-205px -66px; }
.phbList li { padding:0 10px 0 65px; height:42px; line-height:42px; border-bottom:1px solid #eeeeee; position:relative; overflow:hidden; }
.phbList li:hover { background:#f5f5f5; }
.phbList .phbNo { width:22px; height:42px; display:block; font-style:normal; text-align:center; position:absolute; left:5px; top:0; z-index:3; }
.phbList .phbHd { width:30px; height:30px; display:block; border-radius:50%; overflow:hidden; position:absolute; left:27px; top:6px; z-index:3; }
.phbList .phbHd img { width:30px; height:30px; }
.phbList .phbNm { float:left; width:50%; overflow:hidden; }
.phbList .phbNm i { margin-left:3px; }
.phbList .phbMn { float:right; width:50%; text-align:right; overflow:hidden; color:#787878; }
.phbList .phbMn em { font-style:normal; color:#787878; }

/* liveGg */
.liveGg     { line-height:20px; display:none; }
.liveGgCont { height:150px; padding:10px; border-bottom:1px solid #eee; }

/* level--普通用户 */
.level1,.level2,.level3,.level4,.level5,.level6,.level7,.level8,.level9,.level10,
.level11,.level12,.level13,.level14,.level15,.level16,.level17,.level18,.level19,.level20,
.level21,.level22,.level23,.level24,.level25,.level26,.level27,.level28,.level29,.level30,
.level31,.level32,.level33,.level34,.level35,.level36,.level37,.level38,.level39,.level40,
.level41,.level42,.level43,.level44,.level45,.level46,.level47,.level48,.level49,.level50,
.level51,.level52,.level53,.level54,.level55,.level56,.level57,.level58,.level59,.level60,
.level61,.level62,.level63,.level64,.level65,.level66,.level67,.level68,.level69,.level70,
.level71,.level72,.level73,.level74,.level75,.level76,.level77,.level78,.level79,.level80,
.level81,.level82,.level83,.level84,.level85,.level86,.level87,.level88,.level89,.level90,
.level91,.level92,.level93,.level94,.level95,.level96,.level97,.level98,.level99,.level100 { margin-right:5px; width:39px; height:20px; vertical-align:middle; display:inline-block; background-image:url(../img/iconLevel.png); background-repeat:no-repeat; }

.level1  { background-position:0 0; }
.level2  { background-position:-48px 0; }
.level3  { background-position:-96px 0; }
.level4  { background-position:-148px 0; }
.level5  { background-position:-196px 0; }
.level6  { background-position:-244px 0; }
.level7  { background-position:-296px 0; }
.level8  { background-position:-347px 0; }
.level9  { background-position:-395px 0; }
.level10 { background-position:-447px 0; }

.level11 { background-position:0 -28px; }
.level12 { background-position:-48px -28px; }
.level13 { background-position:-96px -28px; }
.level14 { background-position:-148px -28px; }
.level15 { background-position:-196px -28px; }
.level16 { background-position:-244px -28px; }
.level17 { background-position:-296px -28px; }
.level18 { background-position:-347px -28px; }
.level19 { background-position:-395px -28px; }
.level20 { background-position:-447px -28px; }

.level21 { background-position:0 -56px; }
.level22 { background-position:-48px -56px; }
.level23 { background-position:-96px -56px; }
.level24 { background-position:-148px -56px; }
.level25 { background-position:-196px -56px; }
.level26 { background-position:-244px -56px; }
.level27 { background-position:-296px -56px; }
.level28 { background-position:-347px -56px; }
.level29 { background-position:-395px -56px; }
.level30 { background-position:-447px -56px; }

.level31 { background-position:0 -84px; }
.level32 { background-position:-48px -84px; }
.level33 { background-position:-96px -84px; }
.level34 { background-position:-148px -84px; }
.level35 { background-position:-196px -84px; }
.level36 { background-position:-244px -84px; }
.level37 { background-position:-296px -84px; }
.level38 { background-position:-347px -84px; }
.level39 { background-position:-395px -84px; }
.level40 { background-position:-447px -84px; }

.level41 { background-position:0 -112px; }
.level42 { background-position:-48px -112px; }
.level43 { background-position:-96px -112px; }
.level44 { background-position:-148px -112px; }
.level45 { background-position:-196px -112px; }
.level46 { background-position:-244px -112px; }
.level47 { background-position:-296px -112px; }
.level48 { background-position:-347px -112px; }
.level49 { background-position:-395px -112px; }
.level50 { background-position:-447px -112px; }

.level51 { background-position:0 -140px; }
.level52 { background-position:-48px -140px; }
.level53 { background-position:-96px -140px; }
.level54 { background-position:-148px -140px; }
.level55 { background-position:-196px -140px; }
.level56 { background-position:-244px -140px; }
.level57 { background-position:-296px -140px; }
.level58 { background-position:-347px -140px; }
.level59 { background-position:-395px -140px; }
.level60 { background-position:-447px -140px; }

.level61 { background-position:0 -168px; }
.level62 { background-position:-48px -168px; }
.level63 { background-position:-96px -168px; }
.level64 { background-position:-148px -168px; }
.level65 { background-position:-196px -168px; }
.level66 { background-position:-244px -168px; }
.level67 { background-position:-296px -168px; }
.level68 { background-position:-347px -168px; }
.level69 { background-position:-395px -168px; }
.level70 { background-position:-447px -168px; }

.level71 { background-position:0 -196px; }
.level72 { background-position:-48px -196px; }
.level73 { background-position:-96px -196px; }
.level74 { background-position:-148px -196px; }
.level75 { background-position:-196px -196px; }
.level76 { background-position:-244px -196px; }
.level77 { background-position:-296px -196px; }
.level78 { background-position:-347px -196px; }
.level79 { background-position:-395px -196px; }
.level80 { background-position:-447px -196px; }

.level81 { background-position:0 -224px; }
.level82 { background-position:-48px -224px; }
.level83 { background-position:-96px -224px; }
.level84 { background-position:-148px -224px; }
.level85 { background-position:-196px -224px; }
.level86 { background-position:-244px -224px; }
.level87 { background-position:-296px -224px; }
.level88 { background-position:-347px -224px; }
.level89 { background-position:-395px -224px; }
.level90 { background-position:-447px -224px; }

.level91 { background-position:0 -252px; }
.level92 { background-position:-48px -252px; }
.level93 { background-position:-96px -252px; }
.level94 { background-position:-148px -252px; }
.level95 { background-position:-196px -252px; }
.level96 { background-position:-244px -252px; }
.level97 { background-position:-296px -252px; }
.level98 { background-position:-347px -252px; }
.level99 { background-position:-395px -252px; }
.level100{ background-position:-447px -252px; }

/* 管理 */
.iconCg,.iconFg,.iconZb { margin:2px 5px 0 0; width:36px; height:16px; display:inline-block; background-image:url(../img/iconLevel.png); background-repeat:no-repeat; }

/* 超管 */
.iconCg { background-position:0 -281px; }

/* 房管 */
.iconFg { background-position:-59px -281px; }

/* 主播 */
.iconZb { background-position:-122px -281px; }


/*// chatMsg //////////////*/
.chatMsg           { height:464px; overflow:auto; overflow-x:hidden; line-height:22px; font-size:14px; }
.chatMsg li        { margin:12px 0; padding:0 10px; }


/* 狮吼公告 */
.shgg     { display:block; color:#f24e4d; }

/* 狮吼留言姓名 */
.liveName { margin-right:5px; color:#a0a0a0; }

/* 狮吼留言信息 */
.liveMsg  { display:block; color:#323232; }

/* 级别 */
.mLevel   { margin:-5px 5px 0 0; width:54px; height:20px; display:inline-block; }

/* 礼物 */
.chatMsg .liveLwBg   { margin:0 0 2px; height:30px;line-height:30px; background-position:0 -385px; }
.iconSendLw { margin-left:5px; height:30px; display:inline-block; vertical-align:middle; }
.iconSendLw img { margin-top:2px; height:24px; }
.liveSc,.liveLwName { margin-left:5px; color:#f76868; }
.liveCount { margin-left:5px; color:#f86b6a; }

.liveGo { color:#48b8e9; }
.liveGz { color:#f86b6a; }
.liveFx { color:#fba500; }

/* 发送留言 */
.chatNoLogin,.chatLogin { height:48px; line-height:48px; position:relative; color:#c8c8c8; }
.chatText       { margin:8px 10px; height:48px; font-size:16px; border-radius:3px; background:#f5f5f5; }
.chatNoLogin em { margin:0 5px 0 10px; font-style:normal; color:#ffda00; }
.btnChatSend    { width:23px; height:19px; display:block; background-position:0 -338px; cursor:pointer; position:absolute; right:10px; top:14px; z-index:3; }
.btnCtsd        { background-position:0 -361px; }
.chatLogin      { padding-right:40px; }
.chatSendMsg    { width:100%; height:48px; text-indent:10px; font-size:16px; background:none; color:#c8c8c8; }

/*// 送礼物 //////////////////////////*/
/*.liveLwList      { padding-top:20px; width:369px; height:228px; overflow:hidden; position:absolute; left:0; bottom:10px; z-index:30; }*/
.liveLwList      { padding-top:20px; width:369px; height:140px; overflow:hidden; position:absolute; left:0; bottom:10px; z-index:30; }
.liveSendWrap    { margin:0 0 20px -380px; width:369px; height:56px; /* margin:0 0 20px -338px;  position:absolute; left:0; -webkit-animation:enlarge 0.3s linear; -moz-animation:enlarge 0.3s linear; -ms-animation:enlarge 0.3s linear; -o-animation:enlarge 0.3s linear; animation:enlarge 0.3s linear;*/ }
.liveSendLw      { padding:0 188px 0 56px; width:136px; height:56px; background-image:url(../img/iconLw.png); background-repeat:no-repeat; position:relative; }
.liveHeader      { width:36px; height:36px; display:block; border-radius:50%; overflow:hidden; position:absolute; left:9px; top:10px; z-index:10; }
.liveHeader img  { width:36px; height:36px; }
.liveSendName    { padding-top:5px; height:44px; font-weight:normal; font-size:14px; overflow:hidden; color:#282828; }
.liveSendName em { height:22px; line-height:22px; display:block; font-style:normal; overflow:hidden; }
.liveSendName p  { height:22px; line-height:22px; display:block; overflow:hidden; }
.liveSendName p i{ margin-left:5px; font-size:14px; }
.iconLw          { width:66px; height:66px; display:block; overflow:hidden; position:absolute; left:180px; top:-20px; z-index:3; }
.iconLw img      { margin:5px auto 0; height:56px; display:block; }
.liveSendCh      { width:14px; height:13px; display:block; background-position:0 -259px; position:absolute; right:90px; top:36px; z-index:3; }
.liveSendCount   { width:50px; height:46px; font-size:40px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-style:italic; line-height:56px; display:block; color:#ffcd21; position:absolute; right:40px; top:7px; z-index:3; }
.liveLwScale     { -webkit-animation:lwScale 0.4s ease-out; -moz-animation:lwScale 0.4s ease-out; -ms-animation:lwScale 0.4s ease-out; -o-animation:lwScale 0.4s ease-out; animation:lwScale 0.4s ease-out; }


.hotTj            { margin-top:20px; padding-bottom:10px; }
.hotTj h3         { height:50px; line-height:50px; }
.hotTj h3 span    { float:left; font-size:24px; font-weight:normal; }
.hotTj h3 span em { margin:-2px 6px 0 0; width:21px; height:25px; display:inline-block; vertical-align:middle; background-position:-143px -227px; }
.hotTj h3 a       { float:right; font-size:16px; color:#656565; text-decoration:none; font-weight:normal; }
.hotTj h3 a:hover { color:#ffc600; }
.hotTj h3 a em    { margin:-3px 0 0 3px; width:16px; height:16px; vertical-align:middle; display:inline-block; background-position:-334px -108px; }
.hotTj h3 a:hover em { background-position:-334px -128px; }

/*// pop //////////////////////////*/
.popLw              { width:180px; height:89px; filter:alpha(opacity=0); -webkit-animation:enlarge 0.5s linear; -moz-animation:enlarge 0.5s linear; -ms-animation:enlarge 0.5s linear; -o-animation:enlarge 0.5s linear; animation:enlarge 0.5s linear; opacity:0; display:none; background-position:0 -162px; position:absolute; left:-60px; top:-89px; z-index:10; }
.popLwCont          { padding-left:75px; width:95px; height:80px; position:relative; }
.popLwCont .lwImage { width:46px; display:block; position:absolute; left:10px; top:20px; }
.popLwCont .lwImage img { width:46px; }
.popLwCont .lwName  { margin-top:15px; height:20px; line-height:20px; display:block; font-size:16px; color:#282828; }
.popLwCont .lwMoney { height:30px; line-height:30px; display:block; font-size:16px; color:#fea523; }

.popBox            { margin:-247px 0 0 -335px; width:670px; height:495px; display:none; border-radius:5px; background:#fff; overflow:hidden; position:fixed; left:50%; top:50%; z-index:999; }
.popBox .popCont   { width:670px; height:495px; position:relative; overflow:hidden; }
.popBox h3         { height:48px; font-weight:normal; background-position:0 -301px; position:relative; }
.popBox h3 span    { width:50%; height:48px; text-indent:17px; font-size:18px; line-height:48px; display:block; color:#2c2c2c; }
.popBox h3 span em { font-style:normal; }
.popBox .close     { width:18px; height:18px; display:block; transform:rotate(0deg); transition:all .2s ease-out; background-position:-482px -78px; position:absolute; right:15px; top:15px; z-index:3; cursor:pointer; }
.popBox .close:hover { transform:rotate(180deg); transition:all .2s ease-in; }
.popJb h3 span em  { margin-right:8px; width:21px; height:21px; display:inline-block; vertical-align:middle; background-position:-479px -121px; }
.popBox dl         { margin-top:10px; }
.popBox dl dd      { padding-left:100px; min-height:36px; position:relative; font-size:16px; }
.popBox dl dd h4   { width:90px; height:36px; line-height:36px; font-weight:normal; color:#191919; position:absolute; left:10px; top:0; z-index:3;  }
.popBox dd .paySm,.popBox dd .payName,.popBox dd .authorName,.popBox dd .homeName { height:36px; line-height:36px; display:block; color:#787878; }
.popBox dd .paySm em { margin:0 5px 0 0; font-style:normal; color:#ff9326; }
.popJb { margin:-200px 0 0 -335px; height:400px; }
.payList           { overflow:hidden; }
.payList li        { float:left; margin:12px 23px 0 0; width:160px; height:80px; }
.payList li a      { width:158px; height:78px; font-size:16px; display:block; border:1px solid #d2d2d2; position:relative; }
.payList li a em   { width:18px; height:18px; display:none; background-position:-482px -175px; position:absolute; right:0; bottom:0; z-index:3; }
.payList .curr a   { border:1px solid #f69200; cursor:pointer; }
.payList .curr a em{ display:block; }
.payList li span   { height:20px; display:block; text-align:center; line-height:20px; }
.payList li .y     { margin-top:5px; color:#12151c; }
.payList li .m     { color:#787878; }
.payList li .r     { margin-top:5px; color:#ff8900; }
.payMa             { width:142px; height:188px; text-align:center; color:#999999; position:absolute; right:25px; bottom:10px; z-index:3; }
.payMa img         { border:1px solid #cccccc; }
.payMoney          { height:36px; line-height:36px; display:block; color:#787878; }
.payMoney em       { font-size:30px; font-style:normal; color:#ff8a00; }
.payClass          { margin:12px 0; height:36px; display:block; }
.payClass a        { margin-right:10px; width:82px; height:36px; border:1px solid #e3e5ea; display:inline-block; position:relative; }
.payClass a em     { width:12px; height:12px; display:none; background-position:-488px -151px; position:absolute; right:0; bottom:0; z-index:3; }
.payClass .payZfb  { background-position:-420px 0; }
.payClass .payWx   { background-position:-420px -36px; }
.payClass .curr    { border:1px solid #f69200; }
.payClass .curr em { display:block; }
.btnPayment { margin:20px 0 0 100px; width:110px; height:34px; border-radius:2px; display:block; font-size:16px; text-align:center; line-height:34px; background:#f69200; color:#fff; cursor:pointer; }

.btnJb2    { margin-top:50px; width:120px; height:34px; display:block; text-align:center; font-size:16px; cursor:pointer; line-height:34px; background-position:-280px -172px; color:#000; }
.popSelect { margin:5px 0; width:208px; height:34px; border:1px solid #dcdcdc; position:relative; }
.popSelect .selectCurr i { width:208px; height:34px; line-height:34px; font-size:16px; text-indent:10px; display:block; position:relative; cursor:pointer; }
.popSelect .selectCurr em { width:10px; height:6px; display:block; background-position:-489px -205px; position:absolute; right:10px; top:15px; z-index:3; }
.popSelect span { border:1px solid #dcdcdc; width:100%; display:none; position:absolute; left:-1px; top:34px; z-index:5; }
.popSelect span a { padding:0 10px; height:30px; line-height:30px; display:block; background:#fff; }
.popSelect span a:hover { background:#efefef; }

.popPrompt { margin:-127px 0 0 -225px; width:450px; height:255px; border-radius:5px; display:none; overflow:hidden; position:fixed; left:50%; top:50%; z-index:999; background:#fff; }
.popPrompt h3 { height:48px; background-position:-220px -251px; }
.popPrompt .close { float:right; width:48px; height:48px; display:block; cursor:pointer; }
.popPrompt .popPromptCont { height:207px; }
.popPrompt .promptMsg { padding:40px 30px; font-size:18px; text-align:center; line-height:30px; display:block; color:#333333; }
.btnPrompt { height:34px; text-align:center; }
.btnPro,.btnProCancel { margin:10px; width:120px; height:34px; display:inline-block; line-height:34px; text-align:center; cursor:pointer; }
.btnPro       { background-position:-280px -172px; color:#000; }
.btnProCancel { background-position:-280px -208px; color:#fff; }

/* 支付失败 */
.popFail         { margin:-127px 0 0 -225px; width:450px; height:255px; border-radius:5px; display:none; overflow:hidden; position:fixed; left:50%; top:50%; z-index:999; background:#fff; }
.popFail h3      { height:48px; line-height:48px; background:#ffda00; }
.popFail h3 span { padding-left:10px; height:48px; font-weight:normal; display:block; font-size:18px; color:#333333; }
.popFail .close  { width:18px; height:18px; display:block; background-position:0 -35px; cursor:pointer; position:absolute; right:15px; top:15px; z-index:3;  }
.popFail h4   { margin:30px 0 10px; height:40px; line-height:40px; text-align:center; font-size:16px; font-weight:normal; }
.popFail h4 i { margin-right:5px; width:30px; height:30px; display:inline-block; vertical-align:middle; background-position:-53px 0; }
.popFail em   { height:20px; line-height:20px; font-style:normal; display:block; text-align:center; color:#8b8b8b; }
.btnRefresh   { margin:30px auto 0; width:120px; height:34px; text-align:center; line-height:34px; font-size:16px; display:block; background-position:-280px -172px; cursor:pointer; color:#000; }


/*滚动条*/
.jobCont       { width:100%; overflow:hidden; height:0; position:relative; }
.scrollBg      { position:absolute; right:0; top:0; width:10px; z-index:3; }
.scrollBar     { width:20px; height:100%; position:relative; margin-left:3.5px;}
.scrollDrag    { width:20px; height:168px; background:#ebebeb; position:absolute; }
.scrollDrag:hover   { background:#505050;}
.scrollStage    { float:left; width:100%; overflow:hidden; position:relative; }
.srcollCont     { position:absolute; width:100%; }

.cBox    { display:none;}
.scrollBg,.scrollStage   { height:305px;}
.chatMsg em     { display:inline-block; width:54x; height:20px; vertical-align: middle; margin-right:3px;}
.chatMsg em img { display:block; width:100%;}

.liveChatAd { width:350px; height:150px; position:absolute; left:-1px; top:0; z-index:10; }
.liveChatAd a { width:350px; height:150px; display:block; position:relative; }
.liveChatAd img { width:350px; height:150px; }
.liveChatAd .btnAdClose { width:24px; height:24px; display:block; background-position:-135px 0;  position:absolute; right:0; top:0; z-index:3; - }
/*原地放大*/
@keyframes enlarge
{
	0%        { transform:scale(0); opacity:0; }
	50%     { transform:scale(1.2); opacity:1; }
	100%     { transform:scale(1); opacity:1; }
}
@-webkit-keyframes enlarge
{
	0%        { -webkit-transform:scale(0); opacity:0; }
	50%     { -webkit-transform:scale(1.2); opacity:1; }
	100%     { -webkit-transform:scale(1); opacity:1; }
}

@-o-keyframes enlarge
{
	0%        { -o-transform:scale(0); opacity:0; }
	50%     { -o-transform:scale(1.2); opacity:1; }
	100%     { -o-transform:scale(1); opacity:1; }
}
@-moz-keyframes enlarge
{
	0%        { -moz-transform:scale(0); opacity:0; }
	50%     { -moz-transform:scale(1.2); opacity:1; }
	100%     { -moz-transform:scale(1); opacity:1; }
}
@-ms-keyframes enlarge
{
	0%        { -ms-transform:scale(0); opacity:0; }
	50%     { -ms-transform:scale(1.2); opacity:1; }
	100%     { -ms-transform:scale(1); opacity:1; }
}

/*原地放大*/
@keyframes lwScale
{
	0%        { transform:scale(0); opacity:0; }
	50%     { transform:scale(3); opacity:1; }
	100%     { transform:scale(1); opacity:1; }
}
@-webkit-keyframes lwScale
{
	0%        { -webkit-transform:scale(0); opacity:0; }
	50%     { -webkit-transform:scale(3); opacity:1; }
	100%     { -webkit-transform:scale(1); opacity:1; }
}

@-o-keyframes lwScale
{
	0%        { -o-transform:scale(0); opacity:0; }
	50%     { -o-transform:scale(3); opacity:1; }
	100%     { -o-transform:scale(1); opacity:1; }
}
@-moz-keyframes lwScale
{
	0%        { -moz-transform:scale(0); opacity:0; }
	50%     { -moz-transform:scale(3); opacity:1; }
	100%     { -moz-transform:scale(1); opacity:1; }
}
@-ms-keyframes lwScale
{
	0%        { -ms-transform:scale(0); opacity:0; }
	50%     { -ms-transform:scale(3); opacity:1; }
	100%     { -ms-transform:scale(1); opacity:1; }
}

/* 向上滑动 */
@keyframes tsly
{
	0%      { transform:translateY(10px); opacity:0; }
	100%    { transform:translateY(0); opacity:1; }
}
@-webkit-keyframes tsly
{
	0%      { -webkit-transform:translateY(10px); opacity:0; }
	100%    { -webkit-transform:translateY(0); opacity:1; }
}
@-o-keyframes tsly
{
	0%      { -o-transform:translateY(10px); opacity:0; }
	100%    { -o-transform:translateY(0); opacity:1; }
}
@-moz-keyframes tsly
{
	0%      { -moz-transform:translateY(10px); opacity:0; }
	100%    { -moz-transform:translateY(0); opacity:1; }
}
@-ms-keyframes tsly
{
	0%      { -ms-transform:translateY(10px); opacity:0; }
	100%    { -ms-transform:translateY(0); opacity:1; }
}

